<template>
  <nav>
    <router-link to="/" class="nav-item">菜单</router-link> 
    <router-link to="/about" class="nav-item">评价</router-link>
     <router-link to="/shoper" class="nav-item">商家</router-link>
  </nav>
  <!-- 坑 -->
  <router-view/>
</template>

<style lang="scss">
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
nav{
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: space-between;
    padding: 0 30px;
    .nav-item{
        color:#444;
    }
    .router-link-active{
        color:orange;
        border-bottom: 1px solid orange;
    }
}
</style>
